.home {
  &-content {
    row-gap: 1rem;
  }

  &-group {
    display: grid;
    position: relative;
    padding-top: 2rem;
  }

  &-img {
    height: 250px;
    justify-self: center;
  }

  &-indicator {
    width: 8px;
    height: 8px;
    background-color: var(--title-color);
    border-radius: 50%;
    position: absolute;
    top: 7rem;
    right: 2rem;

    &::after {
      content: '';
      position: absolute;
      width: 1px;
      height: 48px;
      background-color: var(--title-color);
      top: -3rem;
      right: 45%;
    }
  }

  &-details {
    &-img {
      position: absolute;
      right: 0.5rem;
    }
    &-title,
    &-subtitle {
      display: block;
      font-size: var(--small-font-size);
      text-align: right;
    }
  }

  &-subtitle {
    font-size: var(--h3-font-size);
    text-transform: uppercase;
    margin-bottom: var(--mb-1);
  }

  &-title {
    font-size: var(--biggest-font-size);
    font-weight: var(--font-black);
    line-height: 109%;
    margin-bottom: var(--mb-1);
  }

  &-description {
    margin-bottom: var(--mb-1);
  }

  &-buttons {
    display: flex;
    justify-content: space-between;
  }
}

/* Swiper Class */
.swiper-pagination {
  position: initial;
  margin-top: 1rem;
}

.swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background-color: var(--title-color);
  opacity: 1;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.5rem;
}

.swiper-pagination-bullet-active {
  width: 1.5rem;
  height: 5px;
  border-radius: 0.5rem;
}
